<script setup>

import {ref} from "vue";

const items = ref([
  {
    title: '怎么上课？',
    value: '推荐使用考研学研APP，享受专属于自己的学习体验，报名成功后，即可以在“我的课程”观看直播。'
  },
  {
    title: '错过的直播课怎么办？',
    value: '下课后，将有回放视频生成，您可以在本课程结课后365天内无限次观看本课程的所有回放。'
  },
  {
    title: '教辅什么时候邮递？',
    value: '教辅将在购课后5-10天陆续发货。'
  },
  {
    title: '如何查物流信息？',
    value: '教辅发货后立即短信通知，可以在APP内的订单查看物流的具体进展。如遇到特殊情况临时收不到教辅，可联系班主任获取电子讲义，详情见特殊邮递说明。'
  },
  {
    title: '如何付款？',
    value: '支持学币等多种支付方式，在线实际情况为准。'
  },
  {
    title: '不满意可以退款吗？',
    value: '不支持退款，购买前请仔细阅读课程介绍及退费规则。'
  },

  // ...其他项...
])

</script>

<template>
  <div class="course-info">

    <div  v-for="(item, index) in items">
   <div> <h5>{{item.title}}</h5> </div>
    <div> <textarea>{{item.value}}</textarea> </div>

    </div>
  </div>
</template>

<style scoped>
.course-info {
  width: 100%;
}
h5 {
  text-align: left;
}
text {
  text-align: left;
}
textarea {
  width: 100%;
  //height: 100px;
  border: none;
}
</style>